<template>
  <div id="app">
    <div class="main-content">
      <router-view />
      <div class="loading-container" v-show="loading">
        <div class="loading">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import {
    mapState
  } from 'vuex'
  export default {
    computed: {
      ...mapState(['loading'])
    }
  }

</script>
